<template>
  <div class="header clearfix" >
    <span class="left" @click.stop="navToBack" >{{title}}</span>
    <span class="right" id="toggleBtn" @click.stop="toggleMenu">
        <img src="../../static/images/nav.png" alt="" class="img2">
        <img src="../../static/images/x.png" alt="" class="img1">
    </span>
  </div>
</template>
<script>
  export default({
    data(){
        return{

        }
    },
    props:{
      title:{

      },
      showTitle:{

      }
    },
    methods:{
      toggleMenu(){
        this.$emit('toggleMenu')
      },
      navToBack(){
        this.$emit('navToBack')
      }
    }
  })
</script>
